<template>
  <Card :title="t('routes.dashboard.workplaceSetting.helpDocument')" v-bind="$attrs">
    <template #extra>
      <a-button type="link" size="small">{{ t('routes.dashboard.more') }}</a-button>
    </template>
    <a-row>
      <a-col :span="12">
        <a-link> {{ t('routes.dashboard.workplaceSetting.productOverview') }} </a-link>
      </a-col>
      <a-col :span="12">
        <a-link> {{ t('routes.dashboard.workplaceSetting.userGuide') }} </a-link>
      </a-col>
    </a-row>
  </Card>
</template>

<script lang="ts" setup>
  import { Card } from 'ant-design-vue';
  import { useI18n } from '/@/hooks/web/useI18n';

  const { t } = useI18n();
</script>

<style lang="less" scoped>
  ::v-deep(.arco-link) {
    margin: 10px 0 !important;
    color: rgb(78 89 105) !important;
  }
</style>
